<%@page contentType="text/html;charset=utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="css/订单css.css" rel="stylesheet" />
		<script src="js/vue.js"></script>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		<!--背景图-->
		<div class="body">
			<!--整体盒子-->
			<div class="div1">
				<!--头部-->
				<div class="div1-top">
					<!--头部左侧-->
					<div class="div1-top-left">
						<div style="float: left;margin-left: 30px;"><b class="font">竞拍管理</b></div>
						<div style="float: left;"><img src="image/页面图/竞拍图标.jpg" class="p1"/></div>
					</div>
					<!--头部右侧-->
					<div class="div1-top-right">
						<ul>
							<li class="li-top"><a href="homepage.jsp" class="a2">首页</a></li>
							<li class="li-top"><a href="" class="a2">我的拍卖</a></li>
						</ul>
					</div>
				</div>
				<hr />
				<!--中间-->
				<div class="div-center">
					<div class="div-t">
						<!--中间头部-->
						<div class="div-center1" style="color: #000000;">-----确认竞拍信息-----</div>
						<!--中间中部-->
						<div class="div-t-center2">
							<ul>
							    <li class="div-t-center2-li" style="margin-left: 40px;">竞拍编号</li>
							    <li class="div-t-center2-li">竞拍商品id</li>
							    <li class="div-t-center2-li">商品图片</li>
							    <li class="div-t-center2-li">用户编号</li>
							    <li style="width: 200px" class="div-t-center2-li">竞拍时间</li>
								<c:choose>
									<c:when test="${requestScope.order_time ge requestScope.goods_now.end_time}">
										<li class="div-t-center2-li">支付状态</li>
									</c:when>
									<c:otherwise>
										<li class="div-t-center2-li">竞拍加价</li>
									</c:otherwise>
								</c:choose>
							</ul>
						</div>
                        <div class="div-t-center3">
                            <ul class="div-t-ul">

                                <li class="div-t-center3-li" style="margin-left: 40px;">${requestScope.order_id}</li>
								<li class="div-t-center3-li">${requestScope.goods_now.goods_id}</li>
                                <li class="div-t-center3-li"><img src="${requestScope.goods_now.goods_picture}" class="p2"/></li>
                                <li class="div-t-center3-li" >${userList.user_id}</li>
                                <li style="width: 200px" class="div-t-center3-li" >${requestScope.order_time}</li>

								<c:choose>
                                    <c:when test="${requestScope.order_time ge requestScope.goods_now.end_time}">
                                        <li class="div-t-center3-li"><span style="color: red;">未支付</span></li>
                                    </c:when>
                                    <c:otherwise>
                                        <li class="div-t-center3-li">
                                            <div id="app">
												<input style="border: none; width: 100px" type="text" id="bidding_price" name="bidding_price" value="${requestScope.goods_now.price_markup}">
                                            </div>
                                        </li>
                                    </c:otherwise>
                                </c:choose>

                            </ul>
                        </div>

                        <div class="div-t-center4">
                            <span style="float:left;text-align:center;font-size: 20px;font-family: '楷体';">用户须知</span>
                            <br />
                            <span style="font-size: 20px;font-family: '楷体';"> 支付时间：购买方付款时间为自订单生成之日起4天（截止时间为第4天下午17:00），
							逾期不付，我们有权取消交易，并从买受人的保证金余额中扣除拍品截标价格的10%作为违约金，
							同时我们将酌情取消买受人参与以后场次竞拍的资格.若出现拍下拒绝付款情况，保证金拒不退还！</span>
                            <div class="div-xz">
                                <div class="div-xz1"><input type="radio" value="2" name="xz"/>不同意</div>
                                <div class="div-xz1"><input type="radio" value="1" checked="checked" name="xz"/>同意</div>
                            </div>
                        </div>

                        <div class="div-t-center5">
                            <c:choose>
                                <c:when test="${requestScope.order_time ge requestScope.goods_now.end_time}">
                                    <div style="float: right;margin-right: 10px;margin-top: 10px;"><button type="submit" id="button2">支付</button></div>
                                </c:when>
                                <c:otherwise>
                                    <div style="float: right;margin-right: 10px;margin-top: 10px;">

											<a href="" id="check" >提交</a>

                                    </div>
                                </c:otherwise>
							</c:choose>

						</div>
					</div>
				</div>
				
				<!--底部-->
				<div class="div-foot">
					
				</div>
				<!--结束-->
			</div>
		</div>
	</body>
	<script>

		$(function () {
			$("#check").click(function () {
				window.location.href ="/homePage?method=creat_bidding&good_id=${requestScope.goods_now.goods_id}&user_id=${userList.user_id}&bidding_time=${requestScope.order_time}&num=${requestScope.goods_now.auction_times}&bidding_price="+$("#bidding_price").val();
				//直接走function，否则先运行<a>
				window.event.returnValue=false;
				window.alert("提交成功");
			})
		});

	</script>
</html>
